import { Component } from '@angular/core';
import { IonicPage, NavController } from 'ionic-angular';
import { TabsPage } from '../tabs/tabs';

/**
 * 欢迎页slides
 */

@IonicPage()
@Component({
  selector: 'page-welcome',
  templateUrl: 'welcome.html',
})
export class WelcomePage {
  slides = [
    {
      title: "Welcome to the app!",
      description: "The <b>Ionic Component Documentation</b> showcases a number of useful components that are included out of the box with Ionic.",
      image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505308173828&di=130bf886fd6046af19ed0f7958f47875&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Fd058ccbf6c81800a90e3a41bbb3533fa828b47a4.jpg",
    },
    {
      title: "What is Ionic?",
      description: "<b>Ionic Framework</b> is an open source SDK that enables developers to build high quality mobile apps with web technologies like HTML, CSS, and JavaScript.",
      image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505308173826&di=7eb01ec274bd1a3695a77ee3d7152c27&imgtype=0&src=http%3A%2F%2Fimg.taopic.com%2Fuploads%2Fallimg%2F120930%2F219049-120930235K099.jpg",
    },
    {
      title: "What is Ionic Cloud?",
      description: "The <b>Ionic Cloud</b> is a cloud platform for managing and scaling Ionic apps with integrated services like push notifications, native builds, user auth, and live updating.",
      image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505308173823&di=8200e149024961273868d380f91adebb&imgtype=0&src=http%3A%2F%2Fimg.taopic.com%2Fuploads%2Fallimg%2F130303%2F267839-1303030I22974.jpg",
    }
  ];
  constructor(
    private navCtrl: NavController
  )
  {
  }

  ionViewDidLoad() {
  }

  doTabsPage(): void
  {
    this.navCtrl.push(TabsPage);
  }

}
